<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<style>
    h1 {
        color: #090;
        font-size: 20px;
    }
</style>

<body>
<h1>图书一览</h1>
<a href="/app/api/BookApp/addBook" style="color: brown; font-size: 15px">新增</a>

{% for book in booklist %}
    <li style="color: deeppink; font-style: oblique; font-size: 22px"> {{ book.title }}
        <a href="/app/api/BookApp/deleteBook{{ book.id }}" style="font-size: 10px;color: aqua">删除</a>
        <a href="/app/api/BookApp/bookDetail{{ book.id }}" style="font-size: 10px;color: #89eeca;">查看详情</a>
    </li>
{% endfor %}

</body>
</html>